﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<GestionEducativa.Models.UsuarioViewModel>" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <title>Gestión Educativa</title>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#Usuario').focus();
        });
    </script>
</head>
<body>
    <div class="page">
        <div style="margin-top: 62px">
        </div>
        <header>
            <h1>
                Sistema de Gestión Educativa</h1>
        </header>
        <div id="main" style="margin-top: 87px">
            <h2>
                Inicio de sesión</h2>
            <p style="color: #696969">
                Especifique su nombre de usuario y contraseña.
            </p>
            <% using (Html.BeginForm())
               { %>
            <div>
                <%: Html.ValidationSummary
                (true, "No se ha iniciado la sesión. Verifique el Usuario y/o Contraseña e inténtelo de nuevo.")%>
            </div>
            <fieldset>
                <legend id="t1">Informacion de cuenta</legend>
                <div class="editor-label">
                    Nombre de usuario:
                </div>
                <div class="display-field">
                    <%:Html.TextBoxFor(u => u.Usuario, new { PlaceHolder = "Usuario" })%>
                </div>
                <div class="editor-label">
                    Contraseña:
                </div>
                <div class="editor-field">
                    <%:Html.PasswordFor(c => c.Contraseña, new { PlaceHolder = "Contraseña" })%>
                </div>
                <p>
                    <input type="submit" value="Iniciar Sesión" />
                </p>
            </fieldset>
            <% } %>
        </div>
        <div id="footer">
            Sistema de Gestión Educativa™ | Derechos reservados Copyright© | Contáctanos
        </div>
    </div>
</body>
</html>
